﻿<!DOCTYPE HTML>
<html lang="en">
	<head>
		<title>Phố nghề - Làng nghề - Văn hoá Hà Nội</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<meta name="robots" content="index, follow" />
  		<meta name="keywords" content="vanhoahanoi, văn hóa hà nội, thăng long hà nội" />
  		<meta name="description" content="Trang web văn hóa hà nội cung cấp thông tin và nguồn tư liệu hữu ích về nét văn hóa đặc trưng của hà nội cũng như các tin tức - sự kiện của thủ đô" />

		<link rel="shortcut icon" href="images/icon.png">  
		<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
		<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
		
		<!-- QA - theme -->
		<link rel="stylesheet" href="style/style.css" type="text/css" media="screen"/>
		<script type="text/javascript">
		    $(function(){
		        $('body').append('<div id="top"></div>');
		        $(window).scroll(function(){
		            var $toa_do=$(window).scrollTop();
		            //alert($toa_do);
		            if($toa_do==0){
		                $('#top').fadeOut();
		            }else {$('#top').fadeIn()} ;
		        });
		        $('#top').click(function(){
		            $('html,body').animate({scrollTop:0},500);
		        });
		    });
		</script>
	</head>
	<body>
		<!-- PHAN HEADER -->
		<div id="qa-header">
			<div class="main">
					<div id="qa-top-panel">
						<ul>
							<li><a href="index.html">Trang chủ</a></li>
							<li><a target="_bank" href="http://maps.google.com/maps?hl=vi&amp;bav=on.2,or.r_gc.r_pw.r_cp.r_qf.&amp;bvm=bv.1354675689,d.aGc&amp;bpcl=39650382&amp;biw=1366&amp;bih=643&amp;q=ha%CC%80+n%C3%B4%CC%A3i&amp;um=1&amp;ie=UTF-8&amp;hq=&amp;hnear=0x3135ab9bd9861ca1:0xe7887f7b72ca17a9,H%C3%A0+N%E1%BB%99i,+Ho%C3%A0n+Ki%E1%BA%BFm,+H%C3%A0+N%E1%BB%99i&amp;gl=vn&amp;sa=X&amp;ei=QKHGUJuyEo-UiAfup4GQCg&amp;ved=0CDYQ8gEwAQ">Bản đồ Hà Nội</a></li>
							<li><a href="tm-LienHe.html">Liên hệ</a></li>
							<li><a href="mailto:laithanha3@zing.vn">Hỗ trợ</a></li>
							<li><a href="tm-sitemap.html">Sơ đồ web</a></li>
							<li class="clear"></li>
						</ul>
					</div>
					<a href="index.html"><img src="images/logo.png" alt="Văn hoá Hà Nội" height="90px"/></a>
					<g:plusone></g:plusone>
			</div>
		</div>
		<!-- PHAN MENU -->
		<div id="qa-menu">
			<div class="main clear">
			 	<ul class="qa-MainMenu clear">
							<li><a class="liaItem" href="index.html"><img src="images/icon/home.png" alt="Trang chủ"></a></li>
							<li><a class="liaItem" href="tm_gioi_thieu.html">Giới thiệu</a></li>
							<li><a class="liaItem" href="mn-tin-tuc.html">Tin tức - Sự kiện</a></li>
							<li><a class="liaItem" href="mn-diem-den.html">Điểm đến</a></li>
							<li><a class="liaItem" href="mn-am-thuc.html">Ẩm thực</a></li>
							<li class="selected"><a class="liaItem" href="mn-phonghe-langnghe.html">Phố nghề - Làng nghề</a></li>
							<li><a class="liaItem" href="mn-vanhoa-nghethuat.html">Văn hóa - Nghệ thuật</a></li>
							<li><a class="liaItem" href="mn-nguoi-ha-thanh.html">Người Hà Thành</a></li>
							<li><a class="liaItem" href="tm_thu_vien_anh.html">Thư viện ảnh</a>
								<ul class="qa_submenu">
									<li><a href="#">Chân dung người Hà Nội</a></li>
									<li><a href="#">Địa danh Hà Nội</a></li>
									<li><a href="#">Hà Nội về đêm</a></li>
								</ul>
							</li>
							<li class="clear"></li>
				</ul>

			</div>
		</div>
	    <!-- PHAN FRONT PAGE -->		
	    <div id="qa-frontpage">
	    	<div class="main">
	    		<!-- BODY ROW 1 -->
			    <div id="row1">
			      		<div id="pos1" class="qa-colLeft fleft">
			      			<!-- BIG NEWS -->
							<div id="qa-SlideShow">
								<div class="qa-main-slideshow qa-SlideNews">
									<img src="images/van_hoa/hinhthanh1.jpg" />
			                        <div class="contain">
			                        	<h1>Những phường thợ thành Thăng Long xưa</h1>
			                        	<p style="text-align:right;">30/11/2012</p>
			                        	<p>Thời nhà Lê, Thăng Long có 36 phường. Sự hội tụ các phường thợ lành nghề từ khắp tứ trấn về Thăng Long đã tạo ra trên địa bàn kinh thành nhiều sản phẩm nổi tiếng. Một số đã đi vào tục ngữ như: “gốm sứ Bát Tràng, thợ vàng Định Công, thợ đồng Ngũ Xá…”
			                        	</p>
			                            <div style="text-align:right;"><a href="#">Xem thêm</a></div>
			                            <div class="clear"></div>
			                        </div>
			                        <div class="clear"></div>
		                   		</div>
							</div>
							<!-- LIST NEWS -->
							<div class="qa-listnews">
		                    	<img src="images/van_hoa/kgfufyf.jpg" />
		                        <div class="contain">
		                        	<h1 class="title">Hà Nội - Phố xưa, nghề cũ </h1>
		                        	<p class="date-time">11/10/2010</p>
		                        	<p>Xưa, Hà Nội 36 phố phường, mỗi con phố gắn với mỗi nghề, đến ngay cái tên phố cũng nói lên điều đó, ví như Hàng Muối chuyên bán muối, Hàng Mành chuyên bán mấy thứ mành tre trúc, Hàng Bạc nổi danh với nghề kim hoàn.</p>
		                            <div class="read-more"><a href="#">Xem thêm</a></div>
		                        </div>
		                        <div class="clear"></div>
                    		</div>
                    		<div class="qa-listnews">
		                    	<img src="images/van_hoa/510201015841.jpg" />
		                        <div class="contain">
		                        	<h1 class="title">Hương hiệu áo dài phố Lương Văn Can</h1>
		                        	<p class="date-time">06/10/2010</p>
		                        	<p>Tà áo dài thướt tha, duyên dáng đã trở thành nét đẹp mang đậm bản sắc văn hóa Việt Nam. Văn hóa kinh đô nghìn năm văn hiến đã tạo ra nếp sống hào hoa thanh lịch, luôn luôn vươn tới cái đẹp, cái sang trọng.</p>
		                        	<div class="read-more paper-curl"><a href="#">Xem thêm</a></div>
		                         </div>
		                         <div class="clear"></div>
		                    </div>
							
							<div class="qa-listnews">
		                    	<img src="images/van_hoa/bac.jpg" />
		                        <div class="contain">
		                        	<h1 class="title">Phố nghề, làng nghề chế tác kim hoàn ở Hà Nội</h1>
		                        	<p class="date-time">09/10/2010</p>
		                        	<p>Đất kinh kỳ là nơi tập trung những người thợ tinh xảo, những nghệ nhân của đủ mọi nghề từ tứ xứ đổ về, trong đó có những người thợ chế tác đồ vàng bạc. Họ đã lập nên phố Hàng Bạc ngày nay.</p>
		                            <div class="read-more paper-curl"><a href="#">Xem thêm</a></div>
		                        </div>
		                        <div class="clear"></div>
		                    </div>

							<div class="qa-listnews">
		                    	<img src="images/van_hoa/Wwdjq.jpg" />
		                        <div class="contain">
		                        	<h1 class="title">Làng gốm nổi tiếng Bát Tràng</h1>
		                        	<p class="date-time">15/10/2010</p>
		                        	<p>Nhắc đến Bát Tràng không mấy ai lại không biết đó là tên gọi của một làng gốm nổi tiếng ở Hà Nội. Nhưng không phải ai cũng may mắn một lần được thực địa làng gốm này.” </p>
		                        	<div class="read-more paper-curl"><a href="#">Xem thêm</a></div>
		                       	</div>
		                       	<div class="clear"></div>
		                    </div>
		                    <!-- PHAN TRANG -->
		                    <div class="page-turning">
			                    	<span>1</span>
			                    	<span>2</span>
			                    	<span>3</span>
			                    	<span>4</span>
			                    	<span>5</span>
			                    	<span>6</span>	
			                        <span>Tiếp theo</span>
			                        <span>Trang cuối</span>
			                        <div class="clear"></div>
			                </div>
			                <div class="clear"></div>    
						</div>
						<div id="pos2" class="qa-colRight fleft" style="height:854px;">	
							<div class="qa-posterRight">
								<img src="images/logo_Thang_Long_Ha_Noi.jpg" alt="Biểu tượng Hà Nội"/>
							</div>
							<script language="javascript" type="text/javascript">  
									dayName = new Array ("Chủ nhật","Thứ hai","Thứ ba","Thứ tư","Thứ năm","Thứ sáu","Thứ bảy")  
									monName = new Array ("1","2","3","4","5","6","7","8","9","10","11","12")  
									now = new Date  
									document.write("<p class='qa-getDate'>"+dayName[now.getDay()]+ ", Ngày " +now.getDate()+ " Tháng " +monName[now.getMonth()]+ " Năm " +now.getFullYear()+ "</p>")                                      
							</script>
							<div class="qa-search">
								<input name="searchword" class="inputbox" maxlength="36" type="text" size="37" value="Tìm kiếm..." onblur="if (this.value=='') this.value='Tìm kiếm...';" onfocus="if (this.value=='Tìm kiếm...') this.value='';">
								<input type="submit" value="Tìm kiếm" class="button" onclick="this.form.searchword.focus();">
							</div>
							<!-- AddThis Button BEGIN -->
							<table boder="0" width="100%">
							    <tbody>
							        <tr valign="top">
							            <td width="15%">&nbsp;<img alt="" src="images/icon/facebook_48.png" style="width: 20px;"></td>
							            <td valign="top" width="35%">&nbsp;<a href="http://www.facebook.com/sharer.php?u=http://simplegroup.edu.vn/cntt/BTLTM">Facebook</a>&nbsp;</td>
							            <td width="15%">&nbsp;<img alt="" src="images/icon/yahoo.jpg" style="width: 20px;"></td>
							            <td valign="top" width="35%">&nbsp;<a href="http://bookmarks.yahoo.com/toolbar/savebm?u=http://simplegroup.edu.vn/cntt/BTLTM">Yahoo</a>&nbsp;</td>
							        </tr>
							        <tr>
							            <td>&nbsp;<img alt="" src="images/icon/twitter_48.png" style="width: 20px;"> </td>
							            <td>&nbsp;&nbsp;<a href="http://twitthis.com/twit?url='http://simplegroup.edu.vn/cntt/BTLTM'">twitter</a>&nbsp;</td>
							            <td>&nbsp;<img alt="" src="images/icon/google_48.png" style="width: 20px;"></td>
							            <td>&nbsp;&nbsp;<a href="http://www.google.com/bookmarks/mark?op=add&amp;bkmk='http://simplegroup.edu.vn/cntt/BTLTM'">Google plus!</a>&nbsp;</td>
							        </tr>
							    </tbody>
							</table>
							<!-- AddThis Button END -->
							<div class="qa_map_hanoi_right">
								<h3 class="qa-title">Bản đồ Hà Nội</h3>
								<a href="http://maps.google.com/maps?hl=vi&amp;bav=on.2,or.r_gc.r_pw.r_cp.r_qf.&amp;bvm=bv.1354675689,d.aGc&amp;bpcl=39650382&amp;biw=1366&amp;bih=643&amp;q=ha%CC%80+n%C3%B4%CC%A3i&amp;um=1&amp;ie=UTF-8&amp;hq=&amp;hnear=0x3135ab9bd9861ca1:0xe7887f7b72ca17a9,H%C3%A0+N%E1%BB%99i,+Ho%C3%A0n+Ki%E1%BA%BFm,+H%C3%A0+N%E1%BB%99i&amp;gl=vn&amp;sa=X&amp;ei=QKHGUJuyEo-UiAfup4GQCg&amp;ved=0CDYQ8gEwAQ">
										<img class=" radius5" src="http://www.google.com/maps/vt/data=Ay5GWBeob_WIPLDYoIWcfVXxvZu9XwJ55OX7Ag,jkG2sF_wIMYhzqnLnvDYs92QjaHzU9o1R4w59aj2QuwX55ktwg2f-BKUBaJo8qBqgYSQDPOoIVaj9uj3VUMprD_x5M9rihI0-LoYj77pSzDlvM2yiKr1sKNvx0qKUKommr5CU2rInqFWhgvgG_jFO-MQ7lS6klueHsEZAQxpiB8gROYbj56Kypp-6o6_xw" height="150" width="280" alt="Hà Nội, Hoàn Kiếm, Hà Nội" title="Hà Nội, Hoàn Kiếm, Hà Nội">
								</a>								
							</div>
							<div class="qa_map_hanoi_right">
								<h3 class="qa-title">Phản hồi - Góp ý</h3>
								<form style="line-height:25px;">
									<p style="font-weight:bold;">Bạn cảm nhận về website như thế nào?</p>
									<p><input type="radio" name="qa_vote">&nbsp;&nbsp;<label>Website hữu ích, chuyên nghiệp</label></p>
									<p><input type="radio" name="qa_vote">&nbsp;&nbsp;<label>Giao diện đẹp, bắt mắt</label></p>
									<p><input type="radio" name="qa_vote">&nbsp;&nbsp;<label>Thông tin hữu ích, nhiều tiện ích hay</label></p>
									<p><input type="radio" name="qa_vote">&nbsp;&nbsp;<label>Một kênh thông tin toàn diện cho khách du lịch</label></p>
									<p><input type="submit" value="Bình chọn"></p>
								</form>
							</div>
						</div>
						<script type="text/javascript">
							    $(document).ready(function(){
							     var max_height = 0;
							     $("#pos1,#pos2").each(function(){
							         if($(this).height() > max_height)
							          max_height = $(this).height();
							     });
							     //$("#pos1,#pos2").height(max_height);
							    });
						</script>

						<div class="clear"></div>
			    </div>
			</div>
		</div>
		
	   </div>	
	   <div id="qa-footer">
	   		<div class="main">
				<p class="footer-text">Trang web về văn hóa Hà Nội của môn Lập trình mạng I<br />
					Nhóm thực hiện: Đỗ Huy Quang, Nguyễn Đồng Thắng, Lại Thị Thanh<br />
					&copy;Thiết kế 2012 @ Website hỗ trợ tốt nhất ở các trình duyệt Chrome, Firefox, IE9.
				</p>
			</div>
	   </div>
	   <div id="top" style="position: fixed;display:none;bottom:30px;right:10px;"><img src="images/icon/blue_arrow_up.png"/></div>
	</body>
</html>